<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Highlight.js Python 代码高亮示例</title>
  <!-- 引入 Highlight.js 样式 -->
  <link rel="stylesheet" href="./default.min.css">
</head>
<body>

  <!-- 示例代码块 -->
  <pre><code class="language-python">
def greet(name):
    """打印问候语"""
    print(f"Hello, {name}!")

greet("World")
  </code></pre>

  <!-- 引入 Highlight.js 脚本 -->
  <script src="./highlight.min.js"></script>
  <!-- 引入 Python 语言支持 -->
  <script src="./python.min.js"></script>
  <!-- 初始化高亮 -->
  <script>
    // 高亮所有代码块
    hljs.highlightAll();

    // 动态监听新增代码块（可选）
    const observer = new MutationObserver((mutations) => {
      mutations.forEach((mutation) => {
        mutation.addedNodes.forEach((node) => {
          if (node.tagName === 'PRE' || node.tagName === 'CODE') {
            hljs.highlightBlock(node);
          }
        });
      });
    });

    // 监听整个文档的变化
    observer.observe(document.body, { childList: true, subtree: true });
  </script>
</body>
</html>